<template>
  <div class="bg">
    <topNav txt="设置" :mode="2"></topNav>
    <div class="list" @click="skips('/acnumdes')">
      <span>账号详情</span>
      <van-icon name="arrow" color="#333333" />
    </div>
    <div class="list margin_tb" @click="skips('/newmsgnotice')">
      <span>新消息通知</span>
      <van-icon name="arrow" color="#333333" />
    </div>
    <div class="list border_b" @click="skips('/privacy')">
      <span>隐私</span>
      <van-icon name="arrow" color="#333333" />
    </div>
    <div class="list border_b" @click="skips('/guanggao')">
      <span>广告页</span>
      <van-icon name="arrow" color="#333333" />
    </div>
    <div class="list" @click="skips('/currency')">
      <span>通用</span>
      <van-icon name="arrow" color="#333333" />
    </div>
    <div class="list margin_tb">
      <span>附近的人</span>
      <van-switch v-model="switchChecked" size="25" />
    </div>
    <div class="btn_text margin_t" @click="qiehuanTap">切换账号</div>
    <div class="btn_text margin_tb" @click="qiehuanTap">退出登录</div>
  </div>
</template>
<script>
import topNav from "@/components/return";

export default {
  components: {
    topNav,
  },
  data() {
    return {
      switchChecked: false,
    };
  },
  methods: {
    skips(path) {
      console.log("sssss");
      this.$router.push({ path: path });
    },
    qiehuanTap(){
this.$router.push("/login");
    },
  },
};
</script>
<style  scoped>
.bg {
  width: 100vw;
  min-height: 100vh;
  background: #ededed;
}
.list {
  background: #fff;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.margin_tb {
  margin: 10px 0;
}
.border_b {
  border-bottom: 1px solid #e3e4e5;
}
.btn_text {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fff;
}
.margin_t {
  margin-top: 80px;
}
</style>